<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>学校资讯</title>

	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<link rel="stylesheet" href="css/school_message.css">
	<link rel="stylesheet" href="css/main.css">
</head>

<body>
	<div id="container">
		<div class="contain" id="vue-root">
			<div class="header">
				<div class="header_title">学校资讯</div>
				<a onclick="history.back()">
					<img src="image/return.png" class="return">
				</a>
			</div>
			<div style="height: 10px;"></div>
			<table class="icon">
				<tr>
					<td>
						<a href="school_intro.html">
							<div>
								<img src="image/school_intro.png">
								<p>学校简介</p>
							</div>
						</a>
					</td>
					<td>
						<a href="school_news.html">
							<div>
								<span class="unread" v-if="unread.news" v-text="unread.news"></span>
								<img src="image/school_news.png">
								<p>新闻公告</p>
							</div>
						</a>
					</td>
					<td>
						<a href="school_teacher_mein.html">
							<div>
								<span class="unread" v-if="unread.teacherMien" v-text="unread.teacherMien"></span>
								<img src="image/school_teacher_mein.png">
								<p>师资力量</p>
							</div>
						</a>
					</td>
					<td>
						<a href="school_honor.html">
							<div>
								<span class="unread" v-if="unread.honor" v-text="unread.honor"></span>
								<img src="image/school_honor.png">
								<p>学校荣誉</p>
							</div>
						</a>
					</td>
				</tr>
				<!-- <tr class="out">
					<td>
						<a href="school_honor.html">
							<div>
								<span class="unread" v-if="unread.honor" v-text="unread.honor"></span>
								<img src="image/school_honor.png">
								<p>学校荣誉</p>
							</div>
						</a>
					</td>
				</tr> -->
			</table>
			<!-- <div class="news_all">
				<div class="news_title">新闻公告
					<a href="school_news.html">
						<span>更多</span>
					</a>
				</div>
				<div class="news">
					<div class="content_news">
						<div class="photo"><img src="image/cat1.jpg"></div>
						<div class="introduce">
							<div class="title">kasdfjakl;sfjklajshfkl</div>
							<div class="time">2018--12-05</div>
							<div class="introduce-container"> fasdfasdfasdfasfdasfasdfasfasf</div>
							<div class="more">
								<a href="school_news_details.html">【查看更多】</a>
							</div>
						</div>
					</div>

				</div>
			</div> -->
		</div>
	</div>

	<script src="/scriptZIP/vue.min.js"></script>
	<script src="/scriptZIP/axios.min.js"></script>
	<script src="/js/common.js"></script>

	<script>
		new Vue({
			el: '#vue-root',
			data: {
				unread: {}
			},
			created: function () {
				var cache = getUnreadCache();
				if (cache) {
					this.unread = cache;
					return;
				}

				var prefix = isTeacher() ? '/t' : '/s';
				axios.post(prefix + '/unread2', getUnread()).then(function (res) {
					this.unread = res.data;
				}.bind(this));
			}
		});

	</script>


</body>

</html>